<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>new shimmer</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../javascript/util.js"></script>
<script type="text/javascript" src="../../javascript/ui.js"></script>
<script type="text/javascript" src="../../javascript/applet.js"></script>
<script type="text/javascript">
/* <![CDATA[ */ 
function onAppletLoaded (){
	
} 
$(document).ready(function(){
    var dialog = $('#div1').dialog({
        width: 300, 
        height: 270,
        position: [0, 0],
        open: function(event, ui){
            shadowyIFrame("shim", $(this).parent());
        },
        drag: function(event, ui){
            $('#shim')
                .css('left', ui.position.left)
                .css('top', ui.position.top);
        },
        resize: function(event, ui){
            $('#shim')
                .css('left', ui.position.left)
                .css('top' , ui.position.top)
                .width($(this).parent().outerWidth())
                .height($(this).parent().outerHeight());
        },
        close: function(event, ui){
            $('#shim').remove();
        }
	});
//	dialog.dialog("open");
});
/* ]]> */	
</script>
<style>
	#div1 {
		width:100px;
		height:100px;

	}
</style>
</head>
<body>
<div id="graph-area">
    <div id="friendNet_container">
        <!-- This version plays nicer with older browsers,
        but requires JavaScript to be enabled.
        http://java.sun.com/javase/6/docs/technotes/guides/jweb/deployment_advice.html -->
        <script type="text/javascript" src="http://www.java.com/js/deployJava.js">
        </script>   
        <script type="text/javascript">
            /* <![CDATA[ */
            try {
                deployJava.runApplet(attributes, parameters, version);
            }catch(err){
                trace(err);
                alert("An error occured while the applet was loading");
            }
            /* ]]> */
        </script>
        
    </div>
</div>

<div id="div1" title="floating table">
	<div>
	   This should be floating over the applet.
	   123
	   456
	   788
	   999
   </div>
</div>


</body>
</html>